91:I[903690,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3qgv647auvmz6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2v5h6eds5pa_0.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1n2hc8s2n43mj.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1us3bl0q56vjs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tks-20_fdj6k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ukbknsp6zu-m.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3urjbzpvx1hzq.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/33i5u4z_a-w5d.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2ykiwolb6qpz5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0pg_0xkvbnf5k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2a4a_60n29oxa.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1tl869oxwv2uz.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1_ehz3q3pmnxi.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2f19pg_bfhn-r.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/43i89c3wl5c7p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/17ubrhzwe7qjg.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/13vf_yoq1tq6z.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0c5930t1el550.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu"],"ExplicitChatIdProvider"] 92:I[838238,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3qgv647auvmz6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2v5h6eds5pa_0.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1n2hc8s2n43mj.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1us3bl0q56vjs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tks-20_fdj6k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ukbknsp6zu-m.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3urjbzpvx1hzq.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/33i5u4z_a-w5d.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2ykiwolb6qpz5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0pg_0xkvbnf5k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2a4a_60n29oxa.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1tl869oxwv2uz.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1_ehz3q3pmnxi.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2f19pg_bfhn-r.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/43i89c3wl5c7p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/17ubrhzwe7qjg.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/13vf_yoq1tq6z.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0c5930t1el550.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu"],"SWRDataProvider"] 95:I[589831,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3qgv647auvmz6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2v5h6eds5pa_0.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1n2hc8s2n43mj.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1us3bl0q56vjs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tks-20_fdj6k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ukbknsp6zu-m.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3urjbzpvx1hzq.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/33i5u4z_a-w5d.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2ykiwolb6qpz5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0pg_0xkvbnf5k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2a4a_60n29oxa.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1tl869oxwv2uz.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1_ehz3q3pmnxi.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2f19pg_bfhn-r.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/43i89c3wl5c7p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/17ubrhzwe7qjg.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/13vf_yoq1tq6z.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0c5930t1el550.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu"],"TemplateImage"] 96:I[507037,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3qgv647auvmz6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2v5h6eds5pa_0.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1n2hc8s2n43mj.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1us3bl0q56vjs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0tks-20_fdj6k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0ukbknsp6zu-m.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3urjbzpvx1hzq.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/33i5u4z_a-w5d.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2ykiwolb6qpz5.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0pg_0xkvbnf5k.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2a4a_60n29oxa.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1tl869oxwv2uz.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1_ehz3q3pmnxi.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/2f19pg_bfhn-r.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/43i89c3wl5c7p.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/17ubrhzwe7qjg.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/13vf_yoq1tq6z.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu","/chat-static/_next/static/chunks/0c5930t1el550.js?dpl=dpl_7vLD3f6kcJ4P6QHYBuwhwDkqP6Hu"],"PrefetchLinkAndRefreshOnHover"] 93:T1fc8,[V0_FILE]typescriptreact:file="components/PianoKey.tsx" isEdit="true" isMerged="true" import { motion } from "framer-motion" interface PianoKeyProps { note: string isActive: boolean onClick: () => void isSharp: boolean } export default function PianoKey({ note, isActive, onClick, isSharp }: PianoKeyProps) { return ( {note.replace("#", "♯")} ) } [V0_FILE]typescript:file="lib/songs.ts" isEdit="true" isMerged="true" export const happinessAnthem = [ "E4", "E4", "F4", "G4", "G4", "F4", "E4", "D4", "C4", "C4", "D4", "E4", "D4", "C4", " ", // Adding a pause between phrases "E4", "E4", "F4", "G4", "G4", "F4", "E4", "D4", "C4", "C4", "D4", "E4", "D4", "C4", ] export const marioBrosTheme = [ "E5", "E5", " ", "E5", " ", "C5", "E5", " ", "G5", " ", " ", " ", "G4", " ", " ", " ", "C5", " ", " ", "G4", " ", " ", "E4", " ", " ", "A4", " ", "B4", " ", "A#4", "A4", " ", "G4", "E5", "G5", "A5", " ", "F5", "G5", " ", "E5", " ", "C5", "D5", "B4", " ", " ", "C5", " ", " ", "G4", " ", " ", "E4", " ", " ", "A4", " ", "B4", " ", "A#4", "A4", " ", "G4", "E5", "G5", "A5", " ", "F5", "G5", " ", "E5", " ", "C5", "D5", "B4", " ", " ", ] export const pokemonBattleTheme = [ "F4", "E4", "D#4", "D4", "C#4", "C4", "B3", "C4", "C#4", "D4", "D#4", "E4", "F4", "E4", "D#4", "D4", "C#4", "C4", "B3", "C4", "C#4", "D4", "D#4", "E4", "F4", "F#4", "G4", " ", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", "D4", ] [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Piano from "../components/Piano" export default function Home() { return (

Interactive Piano

) } [V0_FILE]typescriptreact:file="components/Piano.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect, useCallback } from "react" import { motion } from "framer-motion" import { Play } from "lucide-react" import { Button } from "@/components/ui/button" import PianoKey from "./PianoKey" import { happinessAnthem, marioBrosTheme, pokemonBattleTheme } from "../lib/songs" const notes = ["C", "C#", "D", "D#", "E", "F", "F#", "G", "G#", "A", "A#", "B"] const octaves = [3, 4, 5] const audioContext = typeof window !== "undefined" ? new (window.AudioContext || (window as any).webkitAudioContext)() : null // Piano note frequencies (A4 = 440Hz as reference) const getFrequency = (note: string) => { const [noteName, octaveStr] = [note.slice(0, -1), note.slice(-1)] const octave = Number.parseInt(octaveStr) if (isNaN(octave)) return 440 // Return A4 as fallback const noteIndex = notes.indexOf(noteName) if (noteIndex === -1) return 440 // Return A4 as fallback // Calculate semitones from A4 (A4 = 440Hz) const A4Index = notes.indexOf("A") const semitonesDiff = noteIndex - A4Index + (octave - 4) * 12 // Calculate frequency using equal temperament formula return 440 * Math.pow(2, semitonesDiff / 12) } export default function Piano() { const [activeKeys, setActiveKeys] = useState([]) const [isPlaying, setIsPlaying] = useState(false) const [currentSong, setCurrentSong] = useState([]) const playNote = useCallback((note: string) => { if (!audioContext) return // Create audio components const oscillator = audioContext.createOscillator() const gainNode = audioContext.createGain() const compressor = audioContext.createDynamicsCompressor() // Configure compressor for better piano-like sound compressor.threshold.setValueAtTime(-24, audioContext.currentTime) compressor.knee.setValueAtTime(30, audioContext.currentTime) compressor.ratio.setValueAtTime(12, audioContext.currentTime) compressor.attack.setValueAtTime(0.003, audioContext.currentTime) compressor.release.setValueAtTime(0.25, audioContext.currentTime) // Configure oscillator oscillator.type = "triangle" // Use triangle wave for more piano-like sound oscillator.frequency.setValueAtTime(getFrequency(note), audioContext.currentTime) // Configure envelope gainNode.gain.setValueAtTime(0, audioContext.currentTime) gainNode.gain.linearRampToValueAtTime(0.7, audioContext.currentTime + 0.01) gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 1.5) // Connect audio nodes oscillator.connect(gainNode) gainNode.connect(compressor) compressor.connect(audioContext.destination) // Start and stop the note oscillator.start(audioContext.currentTime) oscillator.stop(audioContext.currentTime + 1.5) setActiveKeys((prev) => [...prev, note]) setTimeout(() => setActiveKeys((prev) => prev.filter((key) => key !== note)), 200) }, []) const playSong = useCallback( (song: string[], speed = 200) => { setIsPlaying(true) setCurrentSong(song) song.forEach((note, index) => { setTimeout(() => { if (note !== " ") playNote(note) if (index === song.length - 1) { setIsPlaying(false) setCurrentSong([]) } }, index * speed) }) }, [playNote], ) useEffect(() => { const handleKeyPress = (e: KeyboardEvent) => { const key = e.key.toUpperCase() if (notes.includes(key)) { playNote(key + "4") } } window.addEventListener("keydown", handleKeyPress) return () => window.removeEventListener("keydown", handleKeyPress) }, [playNote]) return (

{octaves.map((octave) => notes.map((note) => ( playNote(`${note}${octave}`)} isSharp={note.includes("#")} /> )), )}

Now playing:{" "} {isPlaying ? currentSong === happinessAnthem ? "Happiness Anthem" : currentSong === marioBrosTheme ? "Mario Bros Theme" : "Pokémon Battle Theme" : ""}

) } 87:["$","$L91",null,{"chatId":"atCuWoIkJ4V","children":["$","$L92",null,{"data":{"@\"active-block\",\"atCuWoIkJ4V\",":{"id":"b_0Dnf35Txpnf","messageId":"pTlxPb5enl5CJvGNhwdju2d4IReUnaFQ","source":"$93","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"InteractivePiano","type":"code-project","project":"InteractivePiano"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"atCuWoIkJ4V\",":false,"":null},"children":"$L94"}]}] 8b:["$","$L78","4aAFwXGtBUU",{"value":{"fallback":{"template:4aAFwXGtBUU:likes":{"likeCount":1,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L95",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/screenshots/4aAFwXGtBUU-nVQQ9VDFlm4iWlTT8MZnH0mMySOOEI.jpg","alt":"","templateCanonId":"4aAFwXGtBUU","blockId":"b_ax8i238hogb"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L96",null,{"href":"/templates/4aAFwXGtBUU","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L96",null,{"href":"/templates/4aAFwXGtBUU","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L96",null,{"href":"/templates/4aAFwXGtBUU","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7d",null,{"teamId":"$undefined","authorId":"Yi76kcx8xQ7K5hhEpnjHcza0"}],["$","$L96",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/4aAFwXGtBUU","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Snake Game"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L97"]}],"$L98","$L99"]}]]}]}]]}]]}]}] 8c:["$","$L78","4kEvtwn5daJ",{"value":{"fallback":{"template:4kEvtwn5daJ:likes":{"likeCount":6,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L95",null,{"index":1,"src":"https://sjc.microlink.io/--xcSscrH5iZZ6PLbSJYA0yqLR2bt9zuSIzTrDukwKVDkEvDyVnZr1J1BunwXQGslu0_kLiKgiP9D0bi5O9XTQ.jpeg","alt":"","templateCanonId":"4kEvtwn5daJ","blockId":"b_RIMrktdwm8x"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L96",null,{"href":"/templates/4kEvtwn5daJ","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L96",null,{"href":"/templates/4kEvtwn5daJ","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L96",null,{"href":"/templates/4kEvtwn5daJ","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7d",null,{"teamId":"$undefined","authorId":"Yi76kcx8xQ7K5hhEpnjHcza0"}],["$","$L96",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/4kEvtwn5daJ","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Fintech Admin Dashboard"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L9a"]}],"$L9b","$L9c"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More from vixclotet

More Templates Like This